import React from 'react'
import './Discovery.less'
import { List } from 'antd-mobile';
import Icon from '@/components/font'
const Item = List.Item;
const Brief = Item.Brief;

export default function Discovery() {
  return (
    <div className="mine-wrapper">
      <section className="friends-sec">
        <List>
          <Item
              thumb={<Icon type="icon-process" />}
              arrow="horizontal"
              onClick={() => {}}
            >朋友圈</Item>
        </List>
      </section>
      <section className="payment-sec">
        <List>
          <Item
              thumb={<Icon type="icon-diagnose" />}
              arrow="horizontal"
              onClick={() => {}}
            >视频号</Item>
        </List>
      </section>
      <section className="more-sec"> 
        <List>
          <Item
              thumb={<Icon type="icon-cut" />}
              arrow="horizontal"
              onClick={() => {}}
              multipleLine
            >扫一扫</Item>
          <Item
              thumb={<Icon type="icon-bug-report" />}
              arrow="horizontal"
              onClick={() => {}}
              multipleLine
            >摇一摇</Item>
        </List>
      </section>
      <section className="more-sec"> 
        <List>
          <Item
              thumb={<Icon type="icon-process" />}
              arrow="horizontal"
              onClick={() => {}}
              multipleLine
            >看一看</Item>
          <Item
              thumb={<Icon type="icon-chart-relation" />}
              arrow="horizontal"
              onClick={() => {}}
              multipleLine
            >搜一搜</Item>
        </List>
      </section>
      <section className="more-sec"> 
        <List>
          <Item
              thumb={<Icon type="icon-user-group" />}
              arrow="horizontal"
              onClick={() => {}}
              multipleLine
            >附近的人</Item>
        </List>
      </section>
    </div>
  )
}
